* {padding:0px; margin:0px; }
body { background-color: #fff;font-family: 'Ubuntu Mono', sans-serif;}
#wrapper, #header { width:1000px; margin:auto; }
#l1, #l2 { width:180px; padding:10px;}
#l3 {width:440px;padding:10px;}
#right { width:490px; }
#username {font-size:150%; font-weight:bold; }
#username:hover {cursor: pointer; background-color: #efefef;}
.pagecolumn { display:inline-block;vertical-align:top; margin: 10px;}

.p20 { padding:20px; }
.p10 { padding:10px; }
.p5 { padding:5px; }
.error_box { font-size:80%; background-color:#cfc; padding:5px; margin:5px;}
.smallText {font-size:80%;}
.largeText {font-size:125%;}
.veryLargeText {font-size:200%;}
.fs150 {font-size:150%;}

root { display: block;}
#para span, #testSpace span {padding:1px;font-size:20pt;}
.green {background-color: green;color:white;border-radius:4px;border:2px solid green;}
.red {background-color: #f00 !important;border:2px solid #000;}
.black {color:#000;}
.box-shadow { -moz-box-shadow: 0px 0px 4px #888; -webkit-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 4px #888; }
.no-underline {text-decoration: none;}
.dash-bottom {border-bottom:1px dashed #888;}
.trackDiv:hover {cursor: pointer; background: #efefef;}
.grey {color:#444;}
.lightGrey {color:#888;}

.large-button{
cursor:pointer;
border:1px solid #908c68; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #a9a588; background-image: -webkit-gradient(linear, left top, left bottom, from(#a9a588), to(#8e865b));
 background-image: -webkit-linear-gradient(top, #a9a588, #8e865b);
 background-image: -moz-linear-gradient(top, #a9a588, #8e865b);
 background-image: -ms-linear-gradient(top, #a9a588, #8e865b);
 background-image: -o-linear-gradient(top, #a9a588, #8e865b);
 background-image: linear-gradient(to bottom, #a9a588, #8e865b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9a588, endColorstr=#8e865b);
}

.large-button:hover{
 border:1px solid #767255;
 background-color: #938e6b; background-image: -webkit-gradient(linear, left top, left bottom, from(#938e6b), to(#6f6947));
 background-image: -webkit-linear-gradient(top, #938e6b, #6f6947);
 background-image: -moz-linear-gradient(top, #938e6b, #6f6947);
 background-image: -ms-linear-gradient(top, #938e6b, #6f6947);
 background-image: -o-linear-gradient(top, #938e6b, #6f6947);
 background-image: linear-gradient(to bottom, #938e6b, #6f6947);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#938e6b, endColorstr=#6f6947);
}

.large-blue-button {
cursor:pointer;
border:1px solid #8a66f4; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #b29af8; background-image: -webkit-gradient(linear, left top, left bottom, from(#b29af8), to(#9174ed));
 background-image: -webkit-linear-gradient(top, #b29af8, #9174ed);
 background-image: -moz-linear-gradient(top, #b29af8, #9174ed);
 background-image: -ms-linear-gradient(top, #b29af8, #9174ed);
 background-image: -o-linear-gradient(top, #b29af8, #9174ed);
 background-image: linear-gradient(to bottom, #b29af8, #9174ed);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b29af8, endColorstr=#9174ed);
}

.large-blue-button:hover{
 border:1px solid #693bf1;
 background-color: #8e6af5; background-image: -webkit-gradient(linear, left top, left bottom, from(#8e6af5), to(#6d47e7));
 background-image: -webkit-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -moz-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -ms-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: -o-linear-gradient(top, #8e6af5, #6d47e7);
 background-image: linear-gradient(to bottom, #8e6af5, #6d47e7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8e6af5, endColorstr=#6d47e7);
}

.anchor:hover { text-decoration: underline;cursor: pointer;}

/* for the table */
.score-table-wrapper {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.score-table-wrapper table{
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.score-table-wrapper tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.score-table-wrapper table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.score-table-wrapper table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.score-table-wrapper tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.score-table-wrapper tr:hover td{
	
}
.score-table-wrapper tr:nth-child(odd){ background-color:#e5e5e5; }
.score-table-wrapper tr:nth-child(even)    { background-color:#ffffff; }.score-table-wrapper td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.score-table-wrapper tr:last-child td{
	border-width:0px 1px 0px 0px;
}.score-table-wrapper tr td:last-child{
	border-width:0px 0px 1px 0px;
}.score-table-wrapper tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.score-table-wrapper tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.score-table-wrapper tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

	background-color:#cccccc;
}
.score-table-wrapper tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.score-table-wrapper tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/* for the table end */

#layerObj {
    position:absolute;
    top : 10px; 
    left : 10px;
    padding:7px;
    background-color:#cfc;
    width:200px;
    font-size:90%;
}

#addPara {
    font-size: 15pt;
    padding:5px;
}
#witText {
    padding:10px;
    background-color: #dfd;
}
.paraMeta {
    background-color:#888;
}
.paraprogress { height:10px;background-color: #000;width:0%;}
#testSpacewrapper { background-color: #eee; padding:10px;}
#addForm, #testSpaceDiv , #track{ width:470px; display: inline-block; vertical-align: top; position:relative;}
.hid {display:none !important;}
.clr {clear:both;}
.parawrapper { overflow: hidden; max-height: 200px; position:relative;padding:10px 0px;}
.para {position:relative;}

.bottomshadow, .topshadow { display:none; width:100%; height:5px;box-shadow:inset 0 -7px 7px -7px #aaa;-webkit-box-shadow:inset 0 -7px 7px -7px #aaa;position:absolute;bottom:0px;}
.topshadow {top:0px; box-shadow:inset 0 7px 7px -7px #aaa;-webkit-box-shadow:inset 0 7px 7px -7px #aaa;}

#countdownlayer {
    position: absolute;
    height: 60px;
    width: 60px;
    top: 50%;
    margin-top: -50px;
    background-color: #fff;
    left: 50%;
    margin-left: -50px;
    font-size: 50px;
    padding: 20px;
    text-align: center;
    z-index:2;
}
#countdownlayerbg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    background-color:#fff;
    opacity:0.8;
    filter:alpha(opacity=80);
    z-index:1;
}
